import { StyleSheet } from 'react-native'
import { ApplicationStyles, Colors, Fonts, Metrics } from '../../Themes/'

export default StyleSheet.create({
  ...ApplicationStyles.screen,
  container: {
    flex: 1
  },
  main: {
    backgroundColor: Colors.snow,
    marginBottom: Metrics.smallMargin,
    padding: Metrics.baseMargin,
  },
  header: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    marginBottom: Metrics.smallMargin,
  },
  headerLeft: {
    flexDirection: 'row',
    alignItems: 'center',
  },
  imageContainer: {
    flex: 1,
    flexDirection: 'row',
    backgroundColor: Colors.snow,
  },
  image: {
    width: Metrics.screenWidth / 4,
    height: Metrics.screenWidth / 4,
    padding: Metrics.smallMargin,
  },
  name: {
    fontSize: 18,
    color: Colors.coal,
  },
  desc: {
    ...Fonts.style.description,
  }
})
